<template>
  <view>
    <!--
    此文件为开发者工具生成，生成时间: 2024/1/30下午6:00:03
    使用方法：
    在 C:\Users\27109\Documents\HBuilderProjects\SFS\unpackage\dist\dev\mp-weixin\pages\comment\index.wxml 引入模板

    ```
    <import src="index.skeleton.wxml"/>
    <template is="skeleton" wx:if="{{loading}}" />
    ```

    在 C:\Users\27109\Documents\HBuilderProjects\SFS\unpackage\dist\dev\mp-weixin\pages\comment\index.wxss 中引入样式
    ```
    @import "./index.skeleton.wxss";
    ```

    更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
    -->
    <template name="skeleton">
      <view class="sk-container">
        <view class="data-v-ba484d75">
          <view is="components/BlogForComment" class="data-v-ba484d75">
            <view class="blog-wrapper BlogForComment--blog-wrapper">
              <view>
                <view class="top BlogForComment--top">
                  <view class="top-left BlogForComment--top-left">
                    <view class="u-avatar avatar--u-avatar data-v-34d954f9 avatar--data-v-34d954f9 u-avatar--circle avatar--u-avatar--circle" style="background-color:transparent;width:40px;height:40px;;">
                      <image class="u-avatar__image avatar--u-avatar__image data-v-34d954f9 avatar--data-v-34d954f9 u-avatar__image--circle avatar--u-avatar__image--circle sk-image" mode="scaleToFill" style="width:40px;height:40px;"></image>
                    </view>
                    <view class="nick-name BlogForComment--nick-name sk-transparent">逗萝大露
                      <view style="display:flex;align-items:center">
                        <text class="sk-transparent sk-text-14-2857-386 sk-text">昨天 14:41</text>
                        <text class="sk-transparent sk-text-14-2857-892 sk-text">&nbsp;云南</text>
                      </view>
                    </view>
                  </view>
                  <view class="custom-style BlogForComment--custom-style sk-transparent sk-text-14-2857-584 sk-text">+&nbsp;关注</view>
                </view>
                <view class="content BlogForComment--content">
                  <view class="u-read-more more--u-read-more data-v-4bc7fe29 more--data-v-4bc7fe29">
                    <view class="u-read-more__content more--u-read-more__content data-v-4bc7fe29 more--data-v-4bc7fe29" style="height:22px;text-indent:2em">
                      <view class="u-read-more__content__inner more--u-read-more__content__inner data-v-4bc7fe29 more--data-v-4bc7fe29 u1vpVEWQlxpdUIOvtpeeuBfKqZMc4zbx more--u1vpVEWQlxpdUIOvtpeeuBfKqZMc4zbx">
                        <view is="uni_modules/uview-plus/components/u-parse/u-parse">
                          <view :style="true" class="_root parse--_root">
                            <view :style="true" class="_block node--_block _span node--_span undefined node--undefined">
                              <text :decode="true" class="sk-transparent sk-text-14-2857-456 sk-text">哇偶</text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="u-grid grid--u-grid data-v-10b668c8 grid--data-v-10b668c8" style="justify-content:flex-start;">
                    <view class="u-grid-item item--u-grid-item data-v-0a78094b item--data-v-0a78094b" hover-class="u-grid-item--hover-class" hover-stay-time="200" style="background:transparent;width:33.333333333333336%;">
                      <navigator>
                        <image class="file-item-multi BlogForComment--file-item-multi sk-image" :lazy-load="true"></image>
                      </navigator>
                    </view>
                    <view class="u-grid-item item--u-grid-item data-v-0a78094b item--data-v-0a78094b" hover-class="u-grid-item--hover-class" hover-stay-time="200" style="background:transparent;width:33.333333333333336%;">
                      <navigator>
                        <image class="file-item-multi BlogForComment--file-item-multi sk-image" :lazy-load="true"></image>
                      </navigator>
                    </view>
                  </view>
                  <view class="btn-wrapper BlogForComment--btn-wrapper">
                    <image class="btn-img BlogForComment--btn-img sk-image"></image>
                    <text class="sk-transparent sk-text-14-2857-215 sk-text">分享</text>
                    <image class="btn-img BlogForComment--btn-img sk-image"></image>
                    <text class="sk-transparent sk-text-14-2857-65 sk-text">评论</text>
                    <image class="btn-img BlogForComment--btn-img sk-image"></image>
                    <text></text>
                    <image class="btn-img BlogForComment--btn-img sk-image"></image>
                    <text></text>
                  </view>
                </view>
                <view class="u-gap gap--u-gap data-v-6fe44ee6 gap--data-v-6fe44ee6" style="background-color:rgb(247,247,247);height:4px;margin-top:0;margin-bottom:0;"></view>
                <view class="topic-wrapper BlogForComment--topic-wrapper">
                  <view style="display:flex;align-items:center" class="sk-transparent">
                    <image class="channel-image BlogForComment--channel-image sk-image"></image>
                    <view style="display:flex;flex-direction:column">
                      <text class="channel-name BlogForComment--channel-name sk-transparent sk-text-14-2857-978 sk-text">#&nbsp;治愈系音乐</text>
                      <text style="color:rgb(162,162,162);font-size:12px" class="sk-transparent sk-text-14-2857-540 sk-text">9999&nbsp;音乐治愈师</text>
                    </view>
                  </view>
                  <view style="color:black;font-weight:bold;display:flex;align-items:center">
                    <text class="sk-transparent sk-text-14-2857-502 sk-text">进入&nbsp;</text>
                    <text class="sk-transparent sk-opacity">⇁</text>
                  </view>
                </view>
                <view class="u-gap gap--u-gap data-v-6fe44ee6 gap--data-v-6fe44ee6" style="background-color:rgb(247,247,247);height:3px;margin-top:0;margin-bottom:0;"></view>
              </view>
            </view>
          </view>
          <view class="data-v-ba484d75" style="display:flex;align-items:center;margin:15px  15px 0 15px">
            <view class="u-text text--u-text data-v-0a574502 text--data-v-0a574502" style="margin:0;justify-content:flex-start">
              <text class="u-text__value text--u-text__value data-v-0a574502 text--data-v-0a574502 sk-transparent sk-text-14-2857-833 sk-text" style="text-decoration:none;font-weight:bold;word-wrap:normal;font-size:14px;color:black;">最热评论</text>
              <view class="u-text__suffix-icon text--u-text__suffix-icon data-v-0a574502 text--data-v-0a574502">
                <view class="u-icon u-icon--u-icon data-v-ac70166d u-icon--data-v-ac70166d u-icon--right u-icon--u-icon--right">
                  <text class="u-icon__icon u-icon--u-icon__icon data-v-ac70166d u-icon--data-v-ac70166d uicon-arrow-down u-icon--uicon-arrow-down sk-transparent sk-text-0-0000-5 sk-text" style="font-size:16px;line-height:16px;font-weight:normal;top:0;color:#606266;;font-weight:bolder;font-size:16px;padding-left:5px;color:black;"></text>
                </view>
              </view>
            </view>
          </view>
          <view class="comment data-v-ba484d75">
            <view class="left data-v-ba484d75">
              <image class="data-v-ba484d75 sk-image" mode="aspectFill"></image>
            </view>
            <view class="right data-v-ba484d75">
              <view class="top data-v-ba484d75">
                <view class="name data-v-ba484d75 sk-transparent sk-text-14-2857-189 sk-text">叶轻眉</view>
                <view class="like data-v-ba484d75">
                  <view class="num data-v-ba484d75 sk-transparent sk-text-14-2857-411 sk-text">33</view>
                  <view class="u-icon u-icon--u-icon data-v-ac70166d u-icon--data-v-ac70166d u-icon--right u-icon--u-icon--right">
                    <text class="u-icon__icon u-icon--u-icon__icon data-v-ac70166d u-icon--data-v-ac70166d uicon-thumb-up u-icon--uicon-thumb-up sk-transparent sk-text-0-0000-133 sk-text" style="font-size:30px;line-height:30px;font-weight:normal;top:0;color:#9a9a9a;;"></text>
                  </view>
                </view>
              </view>
              <view class="content data-v-ba484d75 sk-transparent sk-text-14-2857-3 sk-text">我不信伊朗会没有后续反应，美国肯定会为今天的事情付出代价的</view>
              <view class="reply-box data-v-ba484d75">
                <view class="item data-v-ba484d75">
                  <view class="username data-v-ba484d75 sk-transparent sk-text-14-2857-315 sk-text">uview</view>
                  <view class="text data-v-ba484d75 sk-transparent sk-text-14-2857-711 sk-text">uview是基于uniapp的一个UI框架，代码优美简洁，宇宙超级无敌彩虹旋转好用，用它！</view>
                </view>
                <view class="item data-v-ba484d75">
                  <view class="username data-v-ba484d75 sk-transparent sk-text-14-2857-27 sk-text">粘粘</view>
                  <view class="text data-v-ba484d75 sk-transparent sk-text-14-2857-864 sk-text">今天吃什么，明天吃什么，晚上吃什么，我只是一只小猫咪为什么要烦恼这么多</view>
                </view>
                <view class="all-reply data-v-ba484d75 sk-transparent"> 共12条回复
                  <view class="u-icon u-icon--u-icon data-v-ac70166d u-icon--data-v-ac70166d u-icon--right u-icon--u-icon--right">
                    <text class="u-icon__icon u-icon--u-icon__icon data-v-ac70166d u-icon--data-v-ac70166d uicon-arrow-right u-icon--uicon-arrow-right sk-transparent sk-text-0-0000-925 sk-text" style="font-size:26px;line-height:26px;font-weight:normal;top:0;color:#606266;;"></text>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </template>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
}
</script>

<style lang="scss">
/*
此文件为开发者工具生成，生成时间: 2024/1/30下午6:00:03

在 C:\Users\27109\Documents\HBuilderProjects\SFS\unpackage\dist\dev\mp-weixin\pages\comment\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-386 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 27.8986rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-892 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 27.8986rpx;
  position: relative !important;
}
.sk-text-14-2857-584 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-14-2857-456 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435rpx;
  position: relative !important;
}
.sk-text-14-2857-215 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-65 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-978 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-14-2857-540 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 30.4348rpx;
  position: relative !important;
}
.sk-text-14-2857-502 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-833 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-0-0000-5 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.9855rpx;
  position: relative !important;
}
.sk-text-14-2857-189 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-411 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-0-0000-133 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 54.3478rpx;
  position: relative !important;
}
.sk-text-14-2857-3 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-315 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-711 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-27 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-864 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-0-0000-925 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 47.1014rpx;
  position: relative !important;
}
.sk-image {
  background: #EFEFEF !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}

</style>
